<template>
	<view>
		<view style="height: 700upx;background: #EC5C53;padding-top: 40upx;">
			<view style="height: 200upx;display: flex;position: relative;">
				<view style="height: 60upx;line-height: 60upx;font-size: 38upx;color: #ffffff;flex: 2;display: flex;">
					<view style="margin-top: 80upx;flex: 2;text-align: center;" @click="jump" data-src="./info/info">
						<image :src="res.avatar || '../../static/missing-face.png'" style="width: 128upx;height: 128upx;border-radius:50%;border:6upx solid #fff;" mode=""></image>
					</view>
					<view style="flex: 4;font-size: 28upx;">
						
						<view style="margin-top: 60upx;">编号(ID): {{res.openid}}</view>
						<view>
							<text>我的邀请码：{{res.yqm}}</text>
						</view>
						<view>
							<text style="font-size: 24upx;">级别：{{res.x_levelname}} <text v-if="res.levelname!=0">/ {{res.levelname}}</text></text>
						</view>
					</view>
				</view>
				
				<view style="flex: 1;">
					<view style="display: flex;margin-top: 30upx;height: 60upx;">
						<view style="flex: 1;margin-left: 30upx;">
							<image src="../../static/kefu_ico.png" style="width: 50upx;height: 50upx;" @click="jumpno" data-src="../commission/qrcode/customer"></image>
						</view>
						<view style="flex: 1;">
							<image src="../../static/shezhi.png" style="width: 50upx;height: 50upx;" @click="jump" data-src="../commission/qrcode/qrcode"></image>
						</view>
					</view>
					<view style="text-align: center;margin-top: 10upx;" @click="jump" data-src="./entrance/entrance">
						<view style="height: 60upx;font-weight: 555;font-size: 36upx;color: #fff;">
							{{res.credit2}}
						</view>
						<view style="color: #fff;font-size: 24upx;">
							余额
						</view>
					</view>
					<view v-if="tishi == 1" class="" style="color: #f00;border-radius: 20upx;font-size: 28upx;background-color: #fff;width: 350upx;padding: 0upx 50upx 0upx 20upx;margin-right: -20upx;margin-top: 10upx;">
						请在48小时完成批发团购和拼单任务
						<view>
							剩余时间:{{time}}
						</view>
					</view>
				</view>
			</view>
			
			<view class="nav" style="color: #fff;margin-top: 40upx;">
				<view class="cont clear">
					<view class="list" v-for="(item,index) in order" :key="index" @click="jump" :data-src="item.src">
						<text style="font-weight: 555;font-size: 40upx;">{{item.badge}}</text>
						<text>{{item.text}}</text>
						<!-- <uni-badge :text="item.badge" type="danger" v-if="item.badge > 0"></uni-badge> -->
					</view>
				</view>
			</view>
			<view style="height: 150upx;color: #fff;border-top: 1upx solid #fff;" @click="jump" data-src="./taiyou/yeji">
				<view style="margin-left: 45upx;margin-top: 15upx;">
					我的业绩
				</view>
				<view style="display: flex;justify-content: space-around;margin-top: 20upx;">
					<view>
						<view style="font-size: 38upx;font-weight: 600;text-align: center;margin-bottom: 10upx;">
							{{zyj}}
						</view>
						<view>
							总业绩
						</view>
					</view>
					<view>
						<view style="font-size: 38upx;font-weight: 600;text-align: center;margin-bottom: 10upx;">
							{{today}}
						</view>
						<view>
							今日业绩
						</view>
					</view>
					<view>
						<view style="font-size: 38upx;font-weight: 600;text-align: center;margin-bottom: 10upx;">
							{{yesterday}}
						</view>
						<view>
							昨日业绩
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="background-color: #EC5C53;border-top: 3upx solid #dddddd;color: #fff;padding: 20upx 0 30upx;">
			<view style="height: 50upx;line-height: 50upx;text-align: center;">
				您有 {{res.fenhongdian}} 个分红点
			</view>
			<view v-if="stage1.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage1" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage2.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage2" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage3.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage3" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage4.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage4" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage5.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage5" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage6.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage6" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
			<view v-if="stage7.length != 0" style="display: flex;justify-content: space-around;flex-wrap: wrap;padding: 20upx 0;" v-for="(item,index) in stage7" :key="item.id">
				<view>
					{{item.stages}}
				</view>
				<view>
					我的排位:{{item.key}}
				</view>
				<view>
					前面还有:{{item.num}}位
				</view>
				<view>
					已有{{item.yiling}}位领取了{{item.money}}
				</view>
			</view>
		</view>
		<!-- <view>
			
			<view style="height: 140upx;display: flex;border-bottom: 2upx solid #dddddd;background-color: #EC5C53;border-top: 1upx solid #ccc;" >
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=1">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第一阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
				
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=2">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第二阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
			</view>
			
			<view style="height: 140upx;display: flex;border-bottom: 2upx solid #dddddd;background-color: #EC5C53;border-top: 1upx solid #ccc;" >
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=3">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第三阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
				
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=4">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第四阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
			</view>
			
			<view style="height: 140upx;display: flex;border-bottom: 2upx solid #dddddd;background-color: #EC5C53;border-top: 1upx solid #ccc;" >
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=5">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第五阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
				
				<view style="width: 36upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;" @click="jump" data-src="./taiyou/scroll?type=6">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第六阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
			</view>
			<view style="height: 140upx;display: flex;border-bottom: 2upx solid #dddddd;background-color: #EC5C53;border-top: 1upx solid #ccc;" @click="jump" data-src="./taiyou/scroll?type=7">
				<view style="width: 27upx;position: relative;">
					<view style="position: absolute;border: 2upx solid #dddddd;right: 0;top: 30upx;z-index: 33;height: 80upx;width: 0;"></view>
				</view>
				<view style="width: 500upx;margin-left: 30upx;">
					<view style="height: 70upx;font-size: 36upx;font-weight: 555;margin-top: 10upx;color: #fff;">第七阶段</view>
					<view style="height: 70upx;color: #ccc;">排队序列</view>
				</view>
			</view>
			
			
		</view> -->
		
		<!-- 列表 进度条-->
		<view class="short_all" style="margin-top: 30upx;">
			<view class="list">
				
				<!-- <view class="uni-list bottom_">
					
					<view class="uni-list-cell" :hover-class="active" @click="jumpno" data-src="../gift_income/gift">
						<view class="uni-list-cell-navigate">
							<image src="../../static/jilu.png" mode="" style="visibility: hidden;"></image>
							<text class="text" style="font-size: 32upx;font-weight: 555;margin-left: -46upx;">我的获奖进度</text>
						</view>
					</view>
					
					<view v-for="(item,index) in res.queue" :key="index">
						<view style="height: 90upx;line-height: 90upx;">
							<image src="../../static/laodai.png" mode="widthFix" style="width: 80upx;display: inline-block;margin-top: 10upx;" :style="{marginLeft: progress_bar + 'upx'}"></image>
						</view>
						<view style="color: #000;font-size: 22upx;text-align: left;flex: 1;margin: 30upx 30upx 0;">当前获奖排名: {{item.lcount}}</view>
						<view style="color: #000;font-size: 22upx;text-align: left;flex: 1;margin: 0 30upx;">当前获奖阶段: {{item.jieduan}}</view>
						<view style="margin-left: 40upx;height: 100upx;">
							<ProgressBar :Width="item.ProgressBar_width" :speed="item.speed" Type="shine" style="margin-top: 20upx;"></ProgressBar>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-bottom: 1upx solid #fff;">完成零售拼单1份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage1"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成零售拼单5份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage2"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成团购拼单2份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage3"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成团购拼单5份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage4"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成团购拼单10份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage5"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成团购拼单20份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage6"></tonyScroll>
						</view>
					</view>
					<view>
						<view style="text-align: center;background: #EC5C53;color: #fff;width: 100%;border-top: 1upx solid #fff;border-bottom: 1upx solid #fff;margin-top: 30upx;">完成团购拼单40份排序及奖金</view>
						<view style="height: 200upx;overflow: hidden;padding-left: 40upx;background: #EC5C53;">
							<tonyScroll :list="stage7"></tonyScroll>
						</view>
					</view>
				</view> -->
			</view>
			
			<view>
				<view style="display: flex;margin: 20upx auto 0;border-radius: 10upx 10upx 0 0;overflow: hidden;background-color: #ffffff;border-bottom: 2upx solid #EEEEEE;font-size: 32upx;">
					
					<!-- <view style="flex: 1;width: 100%;height: 155upx;border-right: 2upx solid #eeeeee;" @click="jumpcart" data-src="../cart/cary">
						<image src="../../static/guanzhu.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 76upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							我的购物车
						</view>
					</view> -->
					<view style="flex: 1;width: 100%;height: 155upx;border-right: 2upx solid #eeeeee;" @click="jump" data-src="./taiyou/shouyi">
						<image src="../../static/ziliao.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 50upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							收益明细
						</view>
					</view>
					<view style="flex: 1;width: 100%;height: 155upx;" @click="jump" data-src="./address/address">
						<image src="../../static/dizhi.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 50upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							地址管理
						</view>
					</view>
					<view style="flex: 1;width: 100%;height: 155upx;border-left: 2upx solid #eeeeee;" @click="jump" data-src="../commission/qrcode/invite_code">
						<image src="../../static/haibao.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 50upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							专属海报
						</view>
					</view>
					<view style="flex: 1;width: 100%;height: 155upx;border-left: 2upx solid #eeeeee;" @click="jump" data-src="/pages/member/taiyou/jifen">
						<image src="../../static/fankui.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 50upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							积分明细
						</view>
					</view>
				</view>
				
				<view style="display: flex;margin: 0upx auto 20upx;border-radius: 0 0 10upx 10upx;overflow: hidden;background-color: #ffffff;font-size: 32upx;">
					<!-- <view style="width: 180upx;height: 155upx;text-align: center;border-right: 2upx solid #eeeeee;" @click="jump" data-src="./fuxiao/fuxiao">
						<image src="../../static/fankui.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							复销基金
						</view>
					</view> -->
					<view v-if="choujiang==1" style="width: 180upx;height: 155upx;text-align: center;border-right: 2upx solid #eeeeee;" @click="jump" data-src="./choujiang/choujiang">
						<image src="../../static/fankui.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;margin-left: 20upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							抽奖
						</view>
					</view>
					<view v-if="hongbaoyu==1" style="width: 180upx;height: 155upx;text-align: center;border-right: 2upx solid #eeeeee;" @click="jump" data-src="./hongbaoyu/index/index">
						<image src="../../static/fankui.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;"></image>
						<view style="text-align: center;margin-top: -26upx;">
							红包雨
						</view>
					</view>
					<view v-if="isregion==1">
						<view v-if="region==0" style="width: 180upx;height: 155upx;text-align: center;" @click="jump" data-src="./daili/daili">
							<image src="../../static/fankui.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;"></image>
							<view style="text-align: center;margin-top: -26upx;">
								选择代理
							</view>
						</view>
					</view>
				</view>
				<view style="width: 100%;height: 155upx;margin-bottom: 100upx; text-align: center;" @click="jump" data-src="./renzheng/renzheng">
					<image src="https://cert.ebs.org.cn/Content/images/credit/logoebs.png" mode="" style="width: 100upx;height: 100upx;margin-top: 10upx;"></image>
					<view style="text-align: center;margin-top: 6upx;color: #CC2A16;font-weight: 600;font-size: 36upx;">
						众信验证实名验证
					</view>
				</view>
			</view>
		</view>
		<!-- 
			verified/verified  实名认证
			favorite  我的关注
			
		 -->
		 
	</view>
</template>
<script>
	import uniBadge from "../../components/uni-badge.vue";
	import ProgressBar from '@/components/ProgressBar/ProgressBar';
	import tonyScroll from '@/components/tony-scroll/tony-scroll';
	export default {
		components: {
			uniBadge,
			ProgressBar,
			tonyScroll, // 滚动区
		},
		data() {
			return {
				res:[],
				order:[{
					text: '待付款',
					icon:'../../static/order0.png',
					src:'../order/order?index=1',
					badge: 0
				},{
					text: '待发货',
					icon:'../../static/order1.png',
					src:'../order/order?index=2',
					badge: 0
				},{
					text: '待收货',
					icon:'../../static/order2.png',
					src:'../order/order?index=3',
					badge: 0
				},{
					text: '已完成',
					icon:'../../static/order3.png',
					src:'../order/order?index=4',
					badge: 0
				}],
				is_realname:'',
				active:"active",
				openid:'',
				data:[],
				qlist: [],
				
				today:'',
				yesterday:'',
				zyj:'',
				tishi:'',
				time:'',
				progress_bar: 20,
				ProgressBar_width: 0,
				stage1:[],
				stage2:[],
				stage3:[],
				stage4:[],
				stage5:[],
				stage6:[],
				stage7:[],
				choujiang:[],
				hongbaoyu:[],
				region:'',
				isregion:'',
			};
		},
		onShow:function(){
			uni.showLoading()
			uni.getStorage({
				key: 'openid',
				success: (res) => {
					this.openid = res.data
					this.setAjax()
				},
				fail: () => {
					uni.navigateTo({
						url: '../login/login'
					});
				}
			});
		},
		onNavigationBarButtonTap:function(e){
			uni.navigateTo({
				url: 'info/info'
			});
    },
		methods:{
			setAjax(){
				var o = this
				uni.request({
					url: 'https://app.t9y9y9.com/app/index.php?i=4&c=entry&m=ewei_shopv2&do=mobile&r=member&app=1',
					method: 'POST',
					data: {'openid':this.openid},
					header:{'Content-Type':'application/x-www-form-urlencoded'},
					success: res => {
						console.log(res)
						this.res = res.data
						this.tishi = res.data.tishi
						this.time = res.data.time
						this.choujiang = res.data.choujiang
						this.hongbaoyu = res.data.hongbaoyu
						this.region = res.data.region
						this.isregion = res.data.isregion
						this.stage1 = res.data.stage1
						this.stage2 = res.data.stage2
						this.stage3 = res.data.stage3
						this.stage4 = res.data.stage4
						this.stage5 = res.data.stage5
						this.stage6 = res.data.stage6
						this.stage7 = res.data.stage7
						uni.hideLoading()
						// for (let i in res.data.stage1) {
						// 	this.stage1.push(res.data.stage1[i])
						// }
						// for(let i in res.data.stage2){
						// 	o.stage2.push(res.data.stage2[i])
						// }
						// for(let i in res.data.stage3){
						// 	this.stage3.push(res.data.stage3[i]);
						// }
						// for(let i in res.data.stage4){
						// 	this.stage4.push(res.data.stage4[i]);
						// }
						// for(let i in res.data.stage5){
						// 	this.stage5.push(res.data.stage5[i])
						// }
						// for(let i in res.data.stage6){
						// 	this.stage6.push(res.data.stage6[i]);
						// }
						// for(let i in res.data.stage7){
						// 	this.stage7.push(res.data.stage7[i]);
						// }
						
						this.zyj = res.data.zyj
						this.yesterday = res.data.yesterday
						this.today = res.data.today
						this.order[0].badge = res.data.order[0]
						this.order[1].badge = res.data.order[1]
						this.order[2].badge = res.data.order[2]
						this.order[3].badge = res.data.order[4]
						
						for (var i in this.res.queue) {
							if (this.res.queue[i].speed == 0) {
								this.res.queue[i].ProgressBar_width = 0
							}
							if (this.res.queue[i].speed == 1) {
								this.res.queue[i].ProgressBar_width = 80
							}
							if (this.res.queue[i].speed == 2) {
								this.res.queue[i].ProgressBar_width = 100
							}
						}
						// if (res.data.speed == 0) {
						// 	this.progress_bar = 20 // 小人走的进度
						// 	this.ProgressBar_width = 0
						// }
						// if (res.data.speed == 1) {
						// 	this.progress_bar = 300
						// 	this.ProgressBar_width = 80
						// }
						// if (res.data.speed == 2) {
						// 	this.progress_bar = 600
						// 	this.ProgressBar_width = 100
						// }
					},
					fail: () => {},
					complete: () => {}
				});
				// 浏览历史
				// uni.request({
				// 	url: 'https://app.t9y9y9.com/app/index.php?i=4&c=entry&m=ewei_shopv2&do=mobile&r=member.history.get_list&app=1',
				// 	method: 'POST',
				// 	data: {'openid':this.openid},
				// 	header:{'Content-Type':'application/x-www-form-urlencoded'},
				// 	success: res => {
				// 		this.data = res.data.result.list
				// 		uni.hideLoading()
				// 	},
				// 	fail: () => {},
				// 	complete: () => {}
				// });
			},
			jump(e){
				uni.navigateTo({
					url: e.currentTarget.dataset.src
				});
			},
			jumpno () {
				uni.showModal({
				title:'提示',
				content:'功能即将开放',
				showCancel: false,
				confirmColor:"#DD524D",
					success() {
						return
					}
				})
			},
			jumptab(e){
				uni.switchTab({
					url:e.currentTarget.dataset.src
				})
			},
			jumpcart(e){
				uni.switchTab({
					url: '/pages/cart/cart'
				});
			},
			jumpto() {
				uni.navigateTo({
					url: '/pages/commission/qrcode/invite_code'
				})
			},
			setup(){
				uni.navigateTo({
					url: './info/info'
				});
			}
		}
	}
</script>

<style lang="scss">
	.bottom_ {
		margin-bottom: 18upx;
	}
	.short_all {
		width: 95%;
		margin: 0 auto;
	}
	.flexfather {
		display: flex;
	}
	.flexfather view {
		flex: 1;
		
	}
	.imgbgc {
		width: 100%;
		height: 400upx;
		border-radius: 0 0 300upx 300upx/0 0 36upx 36upx;
		background-size: cover;
		opacity: 0.80;
	}
	.img_1 {
		width: 100%;
		height: 200upx;
		margin-top: 20upx;
	}
	.img_11 {
		width: 150upx;
		height: 150upx;
	}
	* {box-sizing:border-box;}
	.btn {padding:20upx 24upx;}
	.btn button {margin:20upx 0;font-size:28upx;padding:8upx;}
	.btn .changePwd {background:#fff;border:2upx solid  #175e3c;color:#175e3c;}
	.btn .logout {border-color:#175e3c;background-image: linear-gradient(to bottom, rgb(243, 109, 31), rgb(252, 9, 9));color: #fff;margin-bottom: -40upx; }
	.btn .logout_1 {border-color:#175e3c;background-image: linear-gradient(to bottom, rgb(243, 109, 31), rgb(252, 9, 9));color: #fff;}
	.headinfo {height:290upx;overflow:hidden;position:relative;z-index:10;}
	.headinfo>image {position:absolute;width:750upx;height:290upx;}
	.headinfo .info {padding:80upx 40upx 0;position:relative;z-index:1;}
	.headinfo .info .top {position:absolute;top:0;left:0;width:750upx;padding:20upx 10upx;z-index:1;}
	.headinfo .info .top image {width:34upx;height:34upx;float:right;margin-right:20upx;}
	.headinfo .info .userinfo .webkit image {width:128upx;height:128upx;border-radius:50%;border:4upx solid #fff;margin-right:24upx;}
	.headinfo .info .userinfo .webkit .flex .name {height:50upx;color:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;font-size:40upx;line-height:40upx;color:#fff;margin-bottom:6upx;/* padding-top:10upx;*/}
	.headinfo .info .userinfo .webkit .flex .lv text {display:block;line-height:36upx;font-size:24upx;color:#fff;}
	.headinfo .kefu {height:110upx;width:170upx;position:absolute;right:-4upx;bottom:-8upx;transform:rotate(8deg);}
	.uni-list-cell.active {background:#f5f5f5;}
	.uni-list image {width:40upx;height:40upx;}
	.uni-list .text {position:absolute;left:84upx;font-size:30upx;color: #444;}
	.uni-list {margin-top:20upx;border-radius: 15upx;}
	.uni-list:before,.uni-list:after {display:none;}
	.uni-list-cell:after {content:" ";position:absolute;left:0.5rem;right:0.5rem;bottom:-1px;height:1px;border-top:1px solid #ebebeb;color:#D9D9D9;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);-ms-transform:scaleY(0.5);transform:scaleY(0.5);background:none;}
	.uni-list-cell .right {font-size:24upx;color:#999;margin-right:20upx;}
	.uni-list .uni-list-cell:last-child:after {border:0;}
	.uni-list .uni-badge {margin-right:15px;background-color:#f55;}
	.nav {padding-top:40upx;margin-top:-40upx;}
	.nav .top {border-bottom:1px solid #f5f5f5;}
	.nav .top .uni-list {margin:0;}
	.nav .cont .list {float:left;width:25%;padding:28upx 0;position:relative;}
	.nav .cont .list image {width:50upx;height:50upx;margin:0 auto;display:block;}
	.nav .cont .list text {text-align:center;display:block;font-size:26upx;margin-top:10upx;}
	.nav .uni-badge {position:absolute;top:4upx;right:40upx;background:#f55;}
	.xvqian {display:unset;border: 1px solid #fff;border-radius: 5px;padding: 5px;color: #fff;margin-left:5px;}
	
	.history-section{
		padding: 30upx 0 0;
		margin-top: 20upx;
		background: #fff;
		border-radius:10upx;
		.sec-header{
			display:flex;
			align-items: center;
			// font-size: $font-base;
			// color: $font-color-dark;
			line-height: 40upx;
			margin-left: 30upx;
			.yticon{
				font-size: 44upx;
				color: #5eba8f;
				margin-right: 16upx;
				line-height: 40upx;
			}
		}
		.h-list{
			white-space: nowrap;
			padding: 30upx 30upx 0;
			image{
				display:inline-block;
				width: 160upx;
				height: 160upx;
				margin-right: 20upx;
				border-radius: 10upx;
			}
		}
	}
</style>
